.popover-dimensions {
    margin-top: 20px; /* show on the line below the cursor */
    width: clamp(200px, 65vw, 440px);

    --max-items: 12;
    --mention-item-height: 30px;
    height: min(calc(var(--max-items)*var(--mention-item-height) + 2px), 90vh);

    display: flex;
    align-items: start;
    .popover {
        flex: 1;
    }
}
:global(.typeahead-flipped) .popover-dimensions {
    align-items: end;
}

.popover {
    overflow: auto;
    background: var(--vscode-sideBar-background);
    color: var(--vscode-sideBar-foreground);
    box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
    border: 1px solid var(--vscode-dropdown-border);
    border-radius: 3px;
    max-height: calc(var(--max-items)*var(--mention-item-height) + 2px);
}
